<template>
	<view>
		<view class="tabs u-flex">
			<view class="tab-item" >全部</view>
			<view class="tab-item">待付款</view>
			<view class="tab-item">待收货</view>
			<view class="tab-item">已收货</view>
			<view class="tab-item">退款</view>
		</view>
		<view v-show="true" class="no-order u-flex-col">
			<image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-weitao/af4eb960-abaf-11ea-b43d-2358b31b6ce6.png"></image>
			<view class="tips">目前没有订单哦~</view>
		</view>
		
	</view>
</template>

<script>
	
	
</script>

<style lang="scss">

.tabs {
	justify-content: space-around;
	height: 100rpx;
	padding: 0 10rpx;
	.tab-item {
		padding: 2rpx 20rpx;
		border-radius: 32rpx;
		text-align: center;
	}
	.active {
		color: #fff;
		background-image: linear-gradient(to right, #f0cd7a, #deb351);
	}
}
.no-order {
	align-items: center;
	padding: 30rpx 0;
	image {
		width: 180rpx;
		height: 180rpx;
		border-radius: 90rpx;
	}
	.tips {
		color: #777;
		margin-top: 30rpx;
	}
}
</style>
